<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/discover.min.css">
    <title>发现</title>
</head>
<body>
    <header>
    <div class="top">
        <div class="top1">
            <input type="text" name="" id="" placeholder="Back">
        </div>
        <div class="top2">
            <p>分类</p>
        </div>
        <div class="top3">
            <select>
                <option value="gz">广州市</option>
                <option value="sz">深圳市</option>
            </select>
        </div>
    </div>
    </header>
    <section>
        <div class="search">
            <input type="text" name="" id="" placeholder="请输入商品名称">
            <input type="image" name="" id="" value="" src="./img/首页图/搜索矩.jpg" />
    </div>
    <div class="search-bot">
        <p>大家都在搜</p>
        <div class="serch-bor">
        <table border="1" bordercolor="white"> 
            <tr>
                <td><a href="">寿司</a></td>
                <td><a href="">羽毛球</a></td>
                <td><a href="">火锅</a></td>
                <td><a href="">游泳馆</a></td>
            </tr>
            <tr>
                <td><a href="">电影</a></td>
                <td><a href="">周黑鸭</a></td>
                <td><a href="">KTV</a></td>
                <td><a href="">肯德基</a></td>
            </tr>
        </table>
    </div>
    </div>
        <div class="food">
            <div class="left">
                <img src="./img/分类/形状 22.jpg" alt="">
                <p>热门搜索</p>
            </div>
            <div class="right">
                <a href="">更多</a>
                <img src="./img/首页图/更多.jpg" alt="">
            </div>
        </div>
        <div class="food-img">
            <img src="./img/分类/图层 1.jpg" alt="">
            <img src="./img/分类/图层 2.jpg" alt="">
            <img src="./img/分类/图层 3.jpg" alt="">
            <img src="./img/分类/图层 4.jpg" alt="">
        </div>
        <div class="food">
            <div class="left">
                <img src="./img/分类/形状 16.jpg" alt="">
                <p>推荐搜索</p>
            </div>
            <div class="right">
                <a href="">更多</a>
                <img src="./img/首页图/更多.jpg" alt="">
            </div>
        </div>
        <div class="food-img-2">
            <img src="./img/分类/图层 5.jpg" alt="">
            <img src="./img/分类/图层 6.jpg" alt="">
            <img src="./img/分类/图层 7.jpg" alt="">
        </div>
    </section>
    <footer>
        <ul class="foot-bot">
            <li><a href="">
                <img src="./img/首页图/首页.jpg" alt="">
                <p>首页</p>
            </a>
            </li>
            <li><a href="">
                <img src="./img/首页图/分类4.jpg" alt="">
                <p>首页</p>
            </a>
            </li>
            <li>
                <a href="">
                <img src="./img/首页图/形状 7 发现.jpg" alt="">
                <p>首页</p>
            </a>
            </li>
            <li><a href="">
                <img src="./img/首页图/我的.jpg" alt="">
                <p>首页</p>
            </a>
            </li>
        </ul>
    </footer>
</body>
</html>